.cm-s-eclipse span.cm-meta { color: #FF1717; }
.cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
.cm-s-eclipse span.cm-atom { color: #219; }
.cm-s-eclipse span.cm-number { color: #164; }
.cm-s-eclipse span.cm-def { color: #00f; }
.cm-s-eclipse span.cm-variable { color: black; }
.cm-s-eclipse span.cm-variable-2 { color: #0000C0; }
.cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; }
.cm-s-eclipse span.cm-property { color: black; }
.cm-s-eclipse span.cm-operator { color: black; }
.cm-s-eclipse span.cm-comment { color: #3F7F5F; }
.cm-s-eclipse span.cm-string { color: #2A00FF; }
.cm-s-eclipse span.cm-string-2 { color: #f50; }
.cm-s-eclipse span.cm-qualifier { color: #555; }
.cm-s-eclipse span.cm-builtin { color: #30a; }
.cm-s-eclipse span.cm-bracket { color: #cc7; }
.cm-s-eclipse span.cm-tag { color: #170; }
.cm-s-eclipse span.cm-attribute { color: #00c; }
.cm-s-eclipse span.cm-link { color: #219; }
.cm-s-eclipse span.cm-error { color: #f00; }

.cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; }
.cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }




.cm-s-eclipse ::-webkit-scrollbar-track:vertical{
    background: none;
}
.cm-s-eclipse ::-webkit-scrollbar-track:horizontal{
    background: none;
}

.cm-s-eclipse ::-webkit-scrollbar-thumb {
    background-color: rgba(69, 69, 69, 0.2);/*#333;*/
    border:3px solid rgba(0,0,0,0);
    /*border-radius: 25px;*/
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*box-shadow: 1px 1px 0px 1px rgba(255, 255, 255, 0.1) inset;*/
}

.cm-s-eclipse ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(36, 36, 36, 0.4);/*#555;*/

}

.cm-s-eclipse ::-webkit-scrollbar {
    width:20px;
    height:20px;
}
